.page {
    height: 56.73rem;
    background-size: 100% 100%;
    .list-first {
        margin-top: 10.43rem;
        padding: 0 .05rem;
        width: 7.4rem;
        height: 2.9rem;
        margin-bottom: .4rem;
        .goods-item {
            font-size: .2rem;
            width: 2.37rem;
            padding-right: .03rem;
            height: 2.2rem;
            padding-bottom: .7rem;
            background-size: 100%;
            background-repeat: no-repeat;
            div {
                min-width: 1.4rem;
            }
            .header {
                text-align: left;
                min-width: 1.4rem;
            }
            .main {
                text-align: left;
                margin-bottom: .02rem;
            }
            .salePrice {
                text-align: left;
                font-size: .16rem;
                color: #666666;
                margin-bottom: .02rem;
            }
            .activePrice {
                text-align: center;
                color: #ff004e;
                span {
                    font-size: .3rem;
                }
            }
        }
    }
    .list-second {
        height: 7.64rem;
        width: 6rem;
        padding: 2.3rem .75rem 1.2rem .75rem;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-bottom: .3rem;
        .goods-item {
            height: 3.82rem;
            width: 3rem;
            font-size: .24rem;
            .goods-img {
                height: 1.9rem;
                width: 1.9rem;
                margin-top: .3rem;
                margin-bottom: .12rem;
            }
            .header {
                text-align: left;
                min-width: 1.4rem;
            }
            .main {
                text-align: left;
                margin-bottom: .02rem;
            }
            .activePrice {
                color: #f2387a;
                span{
                    font-size: .4rem;
                    padding-left: .03rem;
                }
                div{
                    color: #FFFFFF;
                    font-size: .16rem;
                    margin-left: .14rem;
                    padding: .02rem .14rem;
                    border-radius: .2rem;
                    background-color: #f26f9b;
                }
            }
        }
    }
    .list-three {
        height: 12.6rem;
        width: 6rem;
        padding: 3.3rem .75rem 1.1rem .75rem;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-bottom: .3rem;
        .goods-item {
            height: 3.7rem;
            width: 3rem;
            font-size: .24rem;
            .goods-img {
                height: 1.6rem;
                width: 1.6rem;
                margin-top: .3rem;
                margin-bottom: .12rem;
            }
            .header {
                text-align: left;
                min-width: 1.4rem;
            }
            .main {
                text-align: left;
                margin-bottom: .02rem;
            }
            .activePrice {
                color: #f2387a;
                span{
                    font-size: .4rem;
                    padding-left: .03rem;
                }
                div{
                    color: #FFFFFF;
                    font-size: .16rem;
                    margin-left: .14rem;
                    padding: .02rem .14rem;
                    border-radius: .2rem;
                    background-color: #f26f9b;
                }
            }
        }
    }
    .list-forth {
        height: 12.1rem;
        width: 6rem;
        padding: 2.54rem .75rem 1.2rem .75rem;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-bottom: .3rem;
        .goods-item {
            height: 3.92rem;
            width: 3rem;
            font-size: .24rem;
            .goods-img {
                height: 1.6rem;
                width: 1.6rem;
                margin-top: .3rem;
                margin-bottom: .12rem;
            }
            .header {
                text-align: left;
                min-width: 1.4rem;
            }
            .main {
                text-align: left;
                margin-bottom: .02rem;
            }
            .activePrice {
                color: #f2387a;
                span{
                    font-size: .4rem;
                    padding-left: .03rem;
                }
                div{
                    color: #FFFFFF;
                    font-size: .16rem;
                    margin-left: .14rem;
                    padding: .02rem .14rem;
                    border-radius: .2rem;
                    background-color: #f26f9b;
                }
            }
        }
    }
}